<template>
  <view>
    <view class="suggestion-box">
      <!-- 头部 -->
      <view class="sugg-header">
        <!-- 左侧栏目名称 -->
        <view class="title">{{colName}}</view>
        <!-- 右侧icon和日期或more -->
        <slot name="h-right"></slot>
      </view>
      <!-- 壁纸列表区或专题精选区，不确定 -->
      <slot name="body"></slot>
    </view>
  </view>
</template>

<script setup>
  defineProps(['colName']);
</script>

<style scoped lang="scss">
  .suggestion-box {
    padding: 10px 10px 24rpx 30rpx;
    
    //  头部
    .sugg-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 36rpx 0;
    
    }
  }
</style>